@CHARSET "UTF-8";
html, body {
    height: 100%;
    overflow: hidden;
}

.top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 125px;
    background: #07c url('../images/top.gif') 0px 0px repeat-x;
}

.side {
    position: absolute;
    left: 0;
    top: 125px;
    bottom: 25px;
    width: 206px;
    overflow: hidden;
    /* overflow: auto; */
    background: #e1e2e3 url('../images/side_bg.gif') 0px 0px repeat-y;
}

.main {
    position: absolute;
    left: 206px;
    top: 125px;
    bottom: 25px;
    right: 0px;
    width: auto;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
}

.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 25px;
    background-color: #456;
}

.main iframe {
    width: 100%;
    height: 100%;
}

/*------ for ie6 ------*/
html {
    *padding: 125px 0 25px 0;
}

.top {
    *height: 125px;
    *margin-top: -125px;
}

.side {
    *height: 100%;
    *float: left;
    *margin-right: -206px;
}

.main {
    *height: 100%;
    *margin-left: 206px;
}

.bottom {
    *height: 25px;
}

.top, .side, .main, .bottom {
    *position: relative;
    *top: 0;
    *right: 0;
    *bottom: 0;
    *left: 0;
}

#top_t {
    height: 81px;
}

#logo {
    width: 390px;
    height: 81px;
    background: url('../images/logo4.png') 0px 0px no-repeat;
}

#top_t #photo_info {
    width: 280px;
    height: 81px;
}

#photo_info #photo {
    padding-top: 15px;
}

#photo_info #photo img {
    width: 50px;
    height: 50px;
    border: 2px solid #0c4169;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#photo_info #base_info {
    width: 210px;
    height: 81px;
    background: url('../images/user_info.png') 0px 0px no-repeat;
}

#base_info .help_info {
    height: 22px;
    padding-top: 13px;
}

#base_info .help_info a {
    display: inline-block;
    width: 46px;
    height: 19px;
}

#base_info .help_info #hp {
    margin-left: 40px;
}

#base_info .help_info #gy {
    margin-left: 5px;
}

#base_info .help_info #out {
}

#base_info .info_center {
    width: 151px;
    height: 25px;
    padding-top: 10px;
    padding-left: 34px;
    color: #fff;
}

#base_info .info_center #nt {
    padding-left: 30px;
    font-size: 12px;
}

#base_info .info_center #notice {
    background: red;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}

#side_here {
    height: 44px;
    background: #fff url('../images/here.gif') 0px 0px repeat-x;
}

#side_here_l {
    width: 206px;
    height: 44px;
    background: url('../images/side_top.gif') 0px 0px no-repeat;
}

#here_area {
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
}

.bottom #bottom_bg {
    border-top: 1px solid #c9c9c9; /*#e8f2f6*/
    height: 24px;
    line-height: 24px;
    background: url('../images/bottom_bg.png') 0px 0px;
    text-align: center;
}

/*左侧菜单*/
.sideMenu {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.sideMenu h3 {
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    font: normal 14px/38px "Microsoft YaHei";
    font-weight: bold;
    background: url('../images/side_h3.gif') 0px 0px no-repeat;
    padding-left: 45px;
}

.sideMenu h3 em {
    float: right;
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/icoAdd.png) 16px 12px no-repeat;
    cursor: pointer;
}

.sideMenu h3.on {
    background: url('../images/side_h3_on.gif') 0px 0px no-repeat;
}

.sideMenu ul {
    display: none; /* 默认都隐藏 */
}

.sideMenu ul li {
    height: 31px;
    line-height: 31px;
    font: normal 13px/31px "Microsoft YaHei";
    padding-left: 50px;
    background: url('../images/side_li.gif') 40px 13px no-repeat;
}

.sideMenu ul li.on {
    background: url('../images/side_li_on.png') 0px 0px no-repeat;
    color: #fff;
}

.scroll {
    position: absolute;
    left: 2px;
    bottom: 25px;
    width: 60px;
    height: 42px;
    height: 42px;
    overflow: hidden;
    display: none;
    z-index: 3;
}

.scroll a {
    display: inline-block;
    zoom: 1;
}

.scroll a {
    background: url(../images/scroll_bg.png) no-repeat left top;
    width: 48px;
    height: 17px;
    margin: 0px 5px;
}

.scroll a:hover {
    background-position: left bottom;
}

.scroll a.next {
    background-position: right top;
}

.scroll a.next:hover {
    background-position: right bottom;
}


